<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
		<style type="text/css">
			.p{
				width: 100px;
				height: 100px;
				background-color: #00FFFF;
				border: red 2px solid;
			}
			.p1{
				width: 12.5rem;
				height: 200px;
				background-color: blueviolet;
			}
		</style>
	</head>
	<body>
		<p id="p" class="p">
			千山鸟飞绝
		</p>
		<a href="">kang</a>
		<input type="text" name="" id="in1" value="kang" />
		<button id="bu">点火</button>
		<script type="text/javascript">
			//设置或获取该对象的属性
			$("#bu").click(function(){
				// var a= $("#p").attr("class");
				// $("#p").attr("class","p1");
				// console.log(a);
				// 设置多个属性
				// $("#p").attr({"title":"123","name":"456"})
				// $("#p").removeAttr("name");//删除属性
				// $("#p").addClass("p1");//追加Class
				// $("#p").removeClass("p");//删除Class
				// $("#p").toggleClass("p");//切换Class
				// var a=$("#p").css("width");//获取属性值
				// alert(a);
				$("#p").css("display",);
				// $("#p").css("width","300px");
				// $("#p").css({"width":"300px","height":"200px"});
				// $("#p").css("opacity","0.1");
				var a=$(window).width();
				var b=$(window).height();
				alert(a+":"+b);
				var c=$(document).width();
				var d=$(document).height();
				alert(c+":"+d);
				$("#p").html("<p>柯南</p>");
				$("#p").text("<p>柯南</p>");
				var a= $("#in1").val();
				$("#in1").val("asdfgh");
			})
			
		</script>
	</body>
</html>
